<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--#config errmsg="" --><!-- saved from url=(0022)http://help.adobe.com/ -->
<html lang="en-us">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <meta name="lang" content="en-us" />
        <meta name="area" content="livedocs" />
        <title>InDesign CS4 * Creating type on a path</title>
        <meta name="product" content="$product" />
        <meta name="productv" content="" />
        <meta name="keywords" content="" />
        <script type="text/javascript" language="Javascript" charset="UTF-8"><!--[CDATA[
        var currentTreeNode = "WSa285fff53dea4f8617383751001ea8cb3f-6c4ea.html";
// ]]--></script>
<script src="terms.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="help.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script>  <script src="utilities.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="event.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="treeview.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="toc.js" language="Javascript" type="text/javascript" charset="UTF-8">..</script> 
<script type="text/javascript">
<!--[CDATA[
var headId = document.getElementsByTagName("head")[0];         
if (use_ie_6_behavior) {
    var linkId = document.createElement("link");
    linkId.href = "content-ie6.css";
    linkId.rel = "stylesheet";
    linkId.type = "text/css";
    headId.appendChild(linkId);
}
// ]]-->
</script>
<!--#include virtual="/livedocs/ssi/globalheader.ssi" -->
        <link rel="stylesheet" type="text/css" href="tree.css" />
        <link rel="stylesheet" type="text/css" href="content-fonts.css" />
        <link rel="stylesheet" type="text/css" href="content-hyperlinks.css" />
        <link rel="stylesheet" type="text/css" href="content.css" />
        <link rel="stylesheet" type="text/css" href="localeSpecific.css" />
    </head>
    <body id="content_body" onload="window.focus();">
        <a name="top"></a><div id="mnemonic">
            <div class="InDesign"><table><tr><td class="banner">InDesign CS4</td><td class="pod"><img src="images/PDF.gif" width="16" height="16" hspace="15" valign="50%" />&#160;&#160;
                     <a title="PDF" href="http://help.adobe.com/en_US/InDesign/6.0/indesign_cs4_help.pdf">
                         PDF (adobe.com) 
                    </a></td></tr></table></div>
        </div>
        <div id="searchbar">
<!-- BEGIN SEARCH CONTENT -->
            <form class="search_form" id="search" name="search" action="search.html" target="_self">
                <img src="images/search.png" />
<script type="text/javascript">
<!--[CDATA[
function clearSearch(){
    if (document.search.q.value == terms_AHV_SEARCH_BUTTON){document.search.q.value = ""}; 
}
document.write('<input class=\"search_input\" \
        name=\"q\" \
        id=\"q\" \
        type=\"text\" \
        maxlength=\"256\" \
        value=\"' + terms_AHV_SEARCH_BUTTON + '\" onclick=\"clearSearch()\"><\/input>'); 
// ]]-->


</script> 
            </form>
        </div>
<!-- BEGIN PAGE CONTENT WRAPPER -->
        <div id="page_content_wrapper">
<!-- BEGIN PAGE WRAPPER -->
<table id="page_content_table">
<tr>
<td id="col1">
<!-- BEGIN IONCOMMENTCOUNT -->
            <div id="ionComCount">
            </div>
<!-- END IONCOMMENTCOUNT -->
<!-- BEGIN GROUP TOC WRAPPER -->
            
<!-- END GROUP TOC WRAPPER -->
<!-- BEGIN NAV WRAPPER -->
            <div id="group_toc">
<script type="text/javascript">
<!--[CDATA[
if ( typeof(terms_BOOK_SHORT) != 'undefined' ) {
  document.write("<p>" + terms_BOOK_SHORT + "<\/p>");
}
// ]]-->


</script> 
            </div>
            <div id="nav_content">
            </div>
<!-- END NAV WRAPPER -->
</td>
<td id="col2">
<!-- BEGIN CONTENT WRAPPER -->
<!-- BEGIN BREADCRUMBS -->
            
            <div id="breadcrumb">
                
<ul class="navigation"><li class="prev"><a accesskey="p" class="prev" href="WSa285fff53dea4f8617383751001ea8cb3f-6c5aa.html" title="Wrapping text around objects"><img src="images/blank.gif" alt="Previous" width="17" height="17" /></a></li><li class="next"><a accesskey="n" class="next" href="WSa285fff53dea4f8617383751001ea8cb3f-6e69a.html" title="Typography"><img src="images/blank.gif" alt="Next" width="17" height="17" /></a></li></ul><div class="hierarchy"><a href="WSa285fff53dea4f8617383751001ea8cb3f-6c61a.html"><b>Combining text and objects</b></a> 
     </div>

            </div>
<!-- END BREADCRUMBS -->
            <div id="content_wrapper">
<!-- BEGIN PAGE TITLE -->
                <h1>
                    Creating type on a path
                </h1>
<!-- END PAGE TITLE -->
                <br clear="both" /><div id="minitoc"><div class="t"><div class="b"><div class="l"><div class="r"><div class="bl"><div class="br"><div class="tl"><div class="tr"><div><h3>Contents [<a href="#" onclick="return toggleMiniToc('minitoc-links', this);" class="hideLink">Hide</a>]</h3><ul id="minitoc-links"><li><p><a href="#WSa285fff53dea4f8617383751001ea8cb3f-6c4ca"><h3 class="topictitle3">Create type on a path</h3>
</a></p></li><li><p><a href="#WSBDB5BA45-91EA-4589-A600-A21F99383BB7a"><h3 class="topictitle3">Edit or delete type on a path</h3>
</a></p><ul><li><p><a href="#WSa285fff53dea4f8617383751001ea8cb3f-6c4ba"><h4 class="topictitle4">Edit and format path-type characters</h4>
</a></p></li><li><p><a href="#WSa285fff53dea4f8617383751001ea8cb3f-6c4aa"><h4 class="topictitle4">Delete type from a path</h4>
</a></p></li><li><p><a href="#WSa285fff53dea4f8617383751001ea8cb3f-6c44a"><h4 class="topictitle4">Tighten character spacing around sharp turns and acute angles</h4>
</a></p></li></ul></li><li><p><a href="#WS929986F7-0E24-4078-8D6D-ED09B905BDC8a"><h3 class="topictitle3">Adjust the type on a path position</h3>
</a></p><ul><li><p><a href="#WSa285fff53dea4f8617383751001ea8cb3f-6c49a"><h4 class="topictitle4">Change the start or end position of type on a path</h4>
</a></p></li><li><p><a href="#WSa285fff53dea4f8617383751001ea8cb3f-6c48a"><h4 class="topictitle4">Slide type along a path</h4>
</a></p></li><li><p><a href="#WSa285fff53dea4f8617383751001ea8cb3f-6c46a"><h4 class="topictitle4">Flip type on a path</h4>
</a></p></li></ul></li><li><p><a href="#WSa285fff53dea4f8617383751001ea8cb3f-6c45a"><h3 class="topictitle3">Apply an effect to type on a path</h3>
</a></p></li><li><p><a href="#WS81F1688D-90F0-47d3-95AC-DD106165CB52a"><h3 class="topictitle3">Add anchored objects to type on a path</h3>
</a></p></li></ul></div></div><br clear="both" /></div></div></div></div></div></div></div></div><br clear="both" /><div><ul class="navlinklist"></ul>
</div>
<div id="WSa285fff53dea4f8617383751001ea8cb3f-6c4ca" class="nochunk"><a name="WSa285fff53dea4f8617383751001ea8cb3f-6c4ca"></a><h2 class="topictitle2">Create type on a path</h2><div><div class="section"><p>You
can format text to flow along the edge of an open or closed path
of any shape. Apply options and effects to type on a path: Slide
it along the path, flip it over to the other side of the path, or
use the shape of the path to distort the characters. Type on a path
has an in port and an out port just like other text frames, so you
can thread text to and from it.</p>
<p>You can include only one line
of type on a path, so any type that won’t fit on the path will be
overset (hidden), unless you’ve threaded it to another path or text frame.
You can add inline or above line anchored objects to type on a path.
You can’t create type on a path using compound paths, such as those
that result from using the Create Outlines command.</p>
<div class="fignone"><img alt="" id="tg_21" src="images/tg_21.png" /><div class="figdesc">Type on a path </div><br /><dl><dt class="dlterm">A.</dt>
<dd>Start bracket</dd><p class="dlseparator"></p><dt class="dlterm">B.</dt>
<dd>In port</dd><p class="dlseparator"></p><dt class="dlterm">C.</dt>
<dd>Center
bracket</dd><p class="dlseparator"></p><dt class="dlterm">D.</dt>
<dd>End bracket</dd><p class="dlseparator"></p><dt class="dlterm">E.</dt>
<dd>Out port
indicating threaded text</dd><p class="dlseparator"></p></dl>
</div></div>
<ol><li><span>Select
the Type On A Path tool&#160;<img src="images/P_HorizTypePath_Lg_N.png" />. (Click
and hold the Type tool to display a menu containing the Type On
A Path tool.)</span></li>
<li><span>Position the pointer on the path until a small plus sign
appears next to the pointer&#160;<img src="images/typeplus.png" />, and
then follow these steps:</span><ul><li><p>To type using default settings, click the
path. An insertion point appears at the start of the path by default.
If the current default paragraph settings specify an indent, or
any alignment other than left, the insertion point may appear somewhere
other than at the start of the path.</p>
</li>
<li><p>To confine the text to a specific portion of the
path, click the path where you would like the text to start, and
drag along the path to where you want the text to end, then release
the mouse. (For information about changing the start and end position
of text, see <a href="WS929986F7-0E24-4078-8D6D-ED09B905BDC8a.html">Adjust the type on a path position</a>.)</p>
<div class="fignone"><img alt="" id="tg_22" src="images/tg_22.png" /><div class="figdesc">Changing location of type on path</div><br /></div><div class="note"><span class="notetitle">Note:  </span>If neither clicking nor dragging seems to work,
make sure that the small plus sign appears next to the Type On A
Path tool.</div>
</li>
</ul>
</li>
<li><span>Type the text you want. If you clicked to place the insertion
point on the path, type will appear along the entire length of the
path. If you dragged, type will appear only along the length you
dragged.</span></li>
</ol>
<div class="section"><div class="note"><span class="notetitle">Note:  </span>If the path was originally visible,
it remains visible after you add type to it. To hide the path, select
it with the Selection or Direct Selection tool, and then apply a
fill and stroke of None.</div>
</div>
</div></div>
<div id="WSBDB5BA45-91EA-4589-A600-A21F99383BB7a" class="nochunk"><a name="WSBDB5BA45-91EA-4589-A600-A21F99383BB7a"></a><h2 class="topictitle2">Edit or delete type on a path</h2><div><div class="section"><p>You can apply character and paragraph options
to type on a path. However, paragraph rules and paragraph spacing
options have no effect on type on a path. The alignment setting
in the Paragraph panel controls the alignment of type on a path.</p>
</div>
</div><div id="WSa285fff53dea4f8617383751001ea8cb3f-6c4ba" class="nochunk"><a name="WSa285fff53dea4f8617383751001ea8cb3f-6c4ba"></a><h3 class="topictitle3">Edit and format path-type characters</h3><div><ol><li><span>Using the Type On A Path tool, do one
of the following:</span><ul><li><p>To add an insertion point, click between
any two characters in the type on a path.</p>
</li>
<li><p>To select characters, drag through the type on a
path.</p>
</li>
</ul>
</li>
<li><span>Edit and format the text as needed.</span></li>
</ol>
</div></div><div id="WSa285fff53dea4f8617383751001ea8cb3f-6c4aa" class="nochunk"><a name="WSa285fff53dea4f8617383751001ea8cb3f-6c4aa"></a><h3 class="topictitle3">Delete type from a path</h3><div><ol><li><span>Using the Selection tool&#160;<img src="images/P_Select_Lg_N.png" /> or
Direct Selection tool&#160;<img src="images/P_AnchorSelect_Lg_N.png" />, select
one or more type-on-a-path objects.</span></li>
<li><span>Choose Type&#160;&gt; Type on a Path&#160;&gt;
Delete Type From Path.</span></li>
</ol>
<div class="section"><p>If the path text is threaded, type moves to the next
threaded text frame or type-on-a-path object. If the path text isn’t
threaded, text is deleted. The path remains, but loses any type-on-a-path
attributes—all brackets, in and out ports, and threading properties
are removed.</p>
<div class="note"><span class="notetitle">Note:  </span>If the path’s fill and stroke
are set to None, the path is invisible after you delete the type.
To make the path visible, press the D key immediately after you
choose Type&#160;&gt; Type on a Path&#160;&gt; Delete Type
From Path. This applies the default fill and stroke to the selected
path.</div>
</div>
</div></div><div id="WSa285fff53dea4f8617383751001ea8cb3f-6c44a" class="nochunk"><a name="WSa285fff53dea4f8617383751001ea8cb3f-6c44a"></a><h3 class="topictitle3">Tighten character spacing around sharp turns and acute angles</h3><div><ol><li><span>Using the Selection tool or the
Type tool, select the type on a path.</span></li>
<li><span>Choose Type&#160;&gt; Type on a Path&#160;&gt;
Options, or double-click the Type On A Path tool.</span></li>
<li><span>For Spacing, type a value in points. Higher values remove
the extra space from between characters positioned on sharp curves
or angles.</span></li>
</ol>
<div class="section"><div class="fignone"><img alt="" id="tg_26" src="images/tg_26.png" /><div class="figdesc">Type on a path before (left) and after (right) applying spacing
adjustment</div><br /></div><div class="note"><span class="notetitle">Note:  </span>The Spacing value
compensates for the way characters fan out around a curve or sharp
angle. It&#160;has no effect on characters positioned on straight
segments. To change spacing of characters anywhere along the path,
select them, and then apply kerning or tracking.</div>
</div>
</div></div></div>
<div id="WS929986F7-0E24-4078-8D6D-ED09B905BDC8a" class="nochunk"><a name="WS929986F7-0E24-4078-8D6D-ED09B905BDC8a"></a><h2 class="topictitle2">Adjust the type on a path position</h2><div><div class="section"><p>You can change the start or end position of
type on a path, slide type, and change the path position in other
ways.</p>
</div>
</div><div id="WSa285fff53dea4f8617383751001ea8cb3f-6c49a" class="nochunk"><a name="WSa285fff53dea4f8617383751001ea8cb3f-6c49a"></a><h3 class="topictitle3">Change the start or end position of type on a path</h3><div><ol><li class="stepexpand"><span>Using the Selection tool&#160;<img src="images/P_Select_Lg_N.png" />, select
the type on a path.</span></li>
<li class="stepexpand"><span>Position the pointer over the path type’s start or end
bracket until a small icon appears next to the pointer&#160;<img src="images/pointer2.png" />. Do
not position it over the bracket’s in port or out port. </span> <div class="para"><div class="tip"><img src="images/tip_help.png" />Zoom in on the path to more easily select
the bracket.</div></div>
</li>
<li class="stepexpand"><span>Drag the start or end bracket along the path.</span></li>
</ol>
<div class="section"><div class="fignone"><img alt="" id="tg_23" src="images/tg_23.png" /><div class="figdesc">Position the pointer on start or end bracket, and then drag
to reposition boundary of type on a path.</div><br /></div><div class="note"><span class="notetitle">Note:  </span>If you apply a paragraph indent value, it’s measured
from the start and end brackets.</div>
</div>
</div></div><div id="WSa285fff53dea4f8617383751001ea8cb3f-6c48a" class="nochunk"><a name="WSa285fff53dea4f8617383751001ea8cb3f-6c48a"></a><h3 class="topictitle3">Slide type along a path</h3><div><ol><li class="stepexpand"><span>Using the Selection tool&#160;<img src="images/P_Select_Lg_N.png" />, select
the type on a path.</span></li>
<li class="stepexpand"><span>Position the pointer over the path type’s center bracket
until a center bracket icon appears next to the pointer&#160;<img src="images/pointer3.png" />.</span> <div class="tip"><img src="images/tip_help.png" />Zoom in on the path to more easily select
the bracket.</div></li>
<li class="stepexpand"><span>Drag the center bracket along the path.</span></li>
</ol>
<div class="section"><div class="note"><span class="notetitle">Note:  </span>The text won’t move if both the start
and end brackets are at the ends of the path. To create some space
for dragging text, drag the start or end bracket away from the ends
of the path.</div>
</div>
</div></div><div id="WSa285fff53dea4f8617383751001ea8cb3f-6c46a" class="nochunk"><a name="WSa285fff53dea4f8617383751001ea8cb3f-6c46a"></a><h3 class="topictitle3">Flip type on a path</h3><div><ol><li class="stepexpand"><span>Click the Selection tool&#160;<img src="images/P_Select_Lg_N.png" />, and
select the type on a path.</span></li>
<li class="stepexpand"><span>Position the pointer over the type’s center bracket until
a center bracket icon appears next to the pointer&#160;<img src="images/pointer3.png" />.</span></li>
<li class="stepexpand"><span>Drag the center bracket across the path.</span> <div class="fignone"><img alt="" id="tg_24" src="images/tg_24.png" /><div class="figdesc">Position pointer on center bracket, and then drag across path&#160;to&#160;flip
type.</div><br /></div><p>You can also flip type on a path using
a dialog box. Using the Selection tool or the Type tool, select
the type on a path. Choose Type&#160;&gt; Type on a Path&#160;&gt;
Options. Select the Flip option, and then click&#160;OK.</p>
</li>
</ol>
</div></div></div>
<div id="WSa285fff53dea4f8617383751001ea8cb3f-6c45a" class="nochunk"><a name="WSa285fff53dea4f8617383751001ea8cb3f-6c45a"></a><h2 class="topictitle2">Apply an effect to type on a path</h2><div><ol><li><span>Using the Selection tool or the Type
tool, select the type on a path.</span></li>
<li><span>Choose Type&#160;&gt; Type on a Path&#160;&gt;
Options, or double-click the Type On A Path tool.</span></li>
<li><span>Choose one of the following in the Effect menu, and then
click&#160;OK:</span><ul><li><p>To keep the center of each character’s
baseline parallel to the path’s tangent, choose Rainbow. This is
the default setting.</p>
<div class="fignone"><img alt="" id="tg_25" src="images/tg_25.png" /><div class="figdesc">Type on a path effects </div><br /><dl><dt class="dlterm">A.</dt>
<dd>Rainbow effect</dd><p class="dlseparator"></p><dt class="dlterm">B.</dt>
<dd>Skew effect</dd><p class="dlseparator"></p><dt class="dlterm">C.</dt>
<dd>3D Ribbon
effect</dd><p class="dlseparator"></p><dt class="dlterm">D.</dt>
<dd>Stair Step effect</dd><p class="dlseparator"></p><dt class="dlterm">E.</dt>
<dd>Gravity
effect</dd><p class="dlseparator"></p></dl>
</div></li>
<li><p>To keep characters’ vertical edges perfectly vertical
regardless of the path shape, while letting characters’ horizontal
edges follow the path, choose Skew. The resulting horizontal distortion
is useful for text that appears to follow waves or go around a cylinder,
as on a beverage can label.</p>
</li>
<li><p>To keep characters’ horizontal edges perfectly horizontal
regardless of the path shape, while keeping each character’s vertical
edge perpendicular to the path, choose 3D Ribbon.</p>
</li>
<li><p>To keep the left edge of each character’s baseline
on the path without rotating any characters, choose Stair Step.</p>
</li>
<li><p>To keep the center of each character’s baseline
on the path while keeping each vertical edge in line with the path’s
center point, choose Gravity. You can control this option’s perspective
effect by adjusting the arc of the text’s path.</p>
</li>
</ul>
</li>
</ol>
</div></div>
<div id="WS81F1688D-90F0-47d3-95AC-DD106165CB52a" class="nochunk"><a name="WS81F1688D-90F0-47d3-95AC-DD106165CB52a"></a><h2 class="topictitle2">Add anchored objects to type on a path</h2><div><ol><li><span>Using the Type tool or the Type
On A Path tool, click an insertion point in the text where you want
the anchor for the object to appear.</span></li>
<li><span>Add the anchored object. You can add inline or above
line anchored objects or frames to the path. (See <a href="WSa285fff53dea4f8617383751001ea8cb3f-6c43a.html">Anchored objects</a>.)</span></li>
</ol>
<div class="section"><div class="note"><span class="notetitle">Note:  </span>The options available for above line
anchored objects in a text path differ slightly from options for
anchored objects in a regular text frame: the Alignment option is
relative to the anchored object marker and the Space Before option
is not available.</div>
</div>
</div></div>

                <div id="related">
                    <div class="separator">&#160;</div>
                    
                    
                </div>
                <div id="footer">
                    <p><img src="images/Community.png" />&#160;<a title="community help (adobe.com)" href="http://www.adobe.com/go/lr_InDesign_community_en">community help (adobe.com)</a></p>
<!-- BEGIN IONCOMMENTS -->
                    <div id="ionComHere">
                    </div>
<!-- END IONCOMMENTS -->
<!--#include virtual="ionComments.ssi" -->
                    <p id="creativecommons"><a href="http://creativecommons.org/licenses/by-nc-sa/3.0/" id="creativecommons_text"><img id="creativecommons_img" src="images/CC.png" alt="This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License" /></a></p>
                </div>
            </div>
<!-- END CONTENT WRAPPER -->
</td>
</tr>
</table>
        </div>
<!-- END PAGE CONTENT WRAPPER -->
<script type="text/javascript">
<!--[CDATA[
scrollToNameAnchor();
// ]]-->
</script> 
<!--#include virtual="/livedocs/ssi/globalfooter.ssi" -->
<!--#include virtual="/ubi/analytics/analytics_ssi.html" -->
    </body>
</html>